*{
    margin: 0;
    padding: 0;
}
body{
    background-image: url('../img/jiuye/peixun.png');
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;

}
.heard{
    width: 300px;
    height: 80px;
    /*background: rebeccapurple;*/

    position: absolute;
    overflow: hidden;
    margin-top: 44px;
    margin-left: 900px;
    margin-right: 80px;
}
.time{
    width: 230px;
    height: 80px;
    float: left;
    color: #feffff;
    font-size: 30px;
}
.time1{
    margin-left: 145px;
}
.heard .weather{
    width: 63px;
    height: 63px;
    float: right;
    margin-top: 10px;
    background-image: url("../img/weather.png");
    background-repeat: no-repeat;
}


ul{
    list-style: none;
}
.function {
    width: 190px;
    height: 350px;
    /*background: aqua;*/
    margin-top: 134px;
    margin-left: 80px;
    float: left;
}
.function li{
    width: 188px;
    height: 65px;
    margin-top: 5px;
    text-align: center;
    line-height: 65px;
    color: #feffff;
    font-size: 28px;
}
.li-one{
    background-image: url("../img/zixun/zixun1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*background: red;*/
}
.li-two{
    background-image: url("../img/zixun/zixun1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.content-right{
    float: right;
    width: 903px;
    height: 550px;
    /*background: burlywood;*/
    margin-top: 138px;
    margin-left: 27px;
    margin-right: 80px;
}
.article-top1{
    width:903px ;
    height: 195px;
    /*background: royalblue;*/

}

.content-right-detail1{
    width: 903px;
    height: 221px;
    overflow: hidden;
    /*background: brown;*/
}
.right-detail1{
    width: 238px;
    height: 221px;
    background-image: url("../img/jiuye/unselected.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    position: relative;
}
.right-detail1 img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.right-detail2{
    width: 238px;
    height: 221px;
    background-image: url("../img/jiuye/unselected.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    position: relative;
}
.right-detail2 img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.right-detail3{
    width: 238px;
    height: 221px;
    background-image: url("../img/jiuye/unselected.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    position: relative;
}
.right-detail3 img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}